<template>

  <div class="header">
    <div class="log">
      <router-link  class="link" to="/">
        兰台后台管理系统
        </router-link>
    </div>       
    <ul>
      <li >
        <router-link  class="link" to="/sidebar/list/detail?type=system">
         <i class="iconfont">&#xe639;</i>
         <span>系统管理</span>
        </router-link>
      </li>
       <li >
        <router-link  class="link" to="/sidebar/list/detail?type=grant">
         <i class="iconfont">&#xe60b;</i>
         <span>预立卷</span>
        </router-link>
      </li>
       <li >
        <router-link class="link" to="/world">
         <i class="iconfont">&#xe6a8;</i>
         <span>工作流</span>
        </router-link>
      </li>
       <li >
        <router-link class="link" to="/sidebar/list/detail?type=test">
         <i class="iconfont">&#xe604;</i>
         <span>待审批</span>
        </router-link>
      </li>
       <li >
        <router-link class="link"  to="/demoPullDownMenu">
         <i class="iconfont">&#xe671;</i>
         <span>档案管理</span>
        </router-link>
      </li>
       <li >
        <router-link class="link"  to="/world3">
         <i class="iconfont">&#xe613;</i>
         <span>新闻管理</span>
        </router-link>
      </li>
       <li >
        <router-link class="link"  to="/world4">
         <i class="iconfont">&#xe7de;</i>
         <span>个人中心</span>
        </router-link>
      </li>
      <li >
        <router-link class="link"  to="/world5">
         <i class="iconfont">&#xe68b;</i>
         <span>帮助</span>
        </router-link>
      </li>
     
    </ul> 
  

  </div>

</template>
<script>



export default {
  mounted(){
//     $(function () {
//   $('[data-toggle="popover"]').popover();

//   $('[data-toggle="tooltip"]').tooltip()

// })
  }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
@import "../assets/scss/utiles.scss";
.header {
  width: 100%;
  height: 100%;
  background: rgb(102, 245, 255);
  border: 1px solid #eee;
  .log {
    float: left;
    width: 20%;
    @include text-align;
    border-right: 1px solid #fff;
  }
  ul {
    float: left;
    height: 100%;
    width: 80%;
    white-space: nowrap;
    overflow-x: auto;

    li {
      float: left;
      @include text-align;
      padding: 0 10px;
      border-right: 1px solid #fff;
    }
  }
}
</style>

